import React from 'react';
// import logo from './logo.svg';
import './App.css';
import Manual from './components/one/Manual'
import SemiAutomatic from './components/one/SemiAutomatic'
import FullyAutomatic from './components/one/FullyAutomatic'

import { Tabs } from 'antd';

const { TabPane } = Tabs;
// const Div = styled.div`
//   background:#ccc;
//   p{
//     color:red;
//   }
// `装饰器
function App() {
  return (
    <div className="App">
      <Tabs
        type="card"
        defaultActiveKey="1"
        tabPosition='top'
        style={{ height: 220 }}>
        <TabPane tab="纯手动" key="1">
          <Manual />
        </TabPane>
        <TabPane tab="半自动" key="2">
          <SemiAutomatic />
        </TabPane>
        <TabPane tab="全自动" key="3">
          <FullyAutomatic />
        </TabPane>
      </Tabs>
    </div>
  );
}

export default App;
